import React, { useState, useEffect } from 'react'
import { NavBar, Toast, Switch, Sticky } from '@nutui/nutui-react'
import '@nutui/nutui-react/dist/style.css'
import { ArrowSize8, ArrowLeft } from '@nutui/icons-react'
import { useNavigate } from "react-router-dom"

export default function Servset() {
  const [currentTime, setCurrentTime] = useState(getCurrentTime())
  let navigate = useNavigate()

  function getCurrentTime() {
    let date = new Date();
    let hours = date.getHours();
    let minutes = date.getMinutes();
    minutes = (minutes < 10 ? '0' : '') + minutes;
    return `${hours}:${minutes}`;
  }

  useEffect(() => {
    const intervalId = setInterval(() => {
      setCurrentTime(getCurrentTime());
    }, 3000);
    return () => clearInterval(intervalId);
  }, []);
  return (
    <div>
      <Sticky threshold={0} position='top'>
        <div style={{ backgroundColor: "white", width: "100%", height: "46px", lineHeight: "46px", top: 0}}>
          <p style={{ float: "left", fontSize: "18px", position: "relative", left: "15px", top: "-10px" }}>{currentTime}</p>
          <span style={{ float: "right", marginRight: "14px", marginTop: "2px" }}>
            <svg style={{ margin: "0px 2px" }} t="1721620058419" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10971" width="18" height="18"><path d="M0 704h208v192H0zM272 512h208v384H272zM544 288h208v608H544zM816 128h208v768H816z" p-id="10972" fill="#2c2c2c"></path></svg>
            <svg style={{ margin: "0px 2px" }} t="1721619897930" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2615" width="18" height="18"><path d="M0 352.832l93.12 98.752c231.296-245.44 606.464-245.44 837.76 0L1024 352.832C741.44 53.056 283.008 53.056 0 352.832z m372.352 395.008L512 896l139.648-148.16c-76.8-81.92-202.048-81.92-279.296 0zM186.24 550.4l93.12 98.752c128.448-136.32 336.96-136.32 465.408 0L837.824 550.4c-179.648-190.592-471.488-190.592-651.648 0z" fill="#000000" p-id="2616"></path></svg>
            <svg style={{ position: "relative", top: "2px" }} t="1721620142022" className="icon newdc" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12310" width="25" height="25"><path d="M167.4 374.1h620.3v275.7H167.4z" p-id="12311" fill="#2c2c2c"></path><path d="M930.1 408.6H891V305.2c0-19-15.5-34.5-34.5-34.5h-758c-18.9 0-34.5 15.5-34.5 34.5v413.5c0 18.9 15.5 34.5 34.5 34.5h758.2c18.9 0 34.5-15.5 34.5-34.5V615.4h39.1c16.5 0 29.9-13.4 29.9-29.9v-147c-0.2-16.4-13.6-29.9-30.1-29.9zM822.2 684.3H132.9V339.7h689.2v344.6z" p-id="12312" fill="#2c2c2c"></path></svg>
          </span>
        </div>
        <div style={{ position: "relative", top: -10, }}>
          <div style={{ width: "414px" }}>
            <NavBar style={{ width: "100%", marginTop: "-50px", backgroundColor: "white", }}
              titleAlign="left"
              back={<ArrowLeft />}
              onBackClick={() => { navigate(-1) }}>
              <div>服务设置</div>
            </NavBar>
          </div>
        </div>
      </Sticky>
      <hr style={{ marginTop: "0px", border: "1px solid #CCCCCC" }}></hr>
      <div style={{ height: "1860px", backgroundColor: "#F2F2F2" }}>
        <div style={{ backgroundColor: "white", height: "270px" }}>
          <div style={{ margin: "0 auto", width: "90%", display: "flex", justifyContent: "space-between", marginTop: "5px" }}>
            <div style={{ height: "30px" }}>
              <div style={{ display: "inline-block" }}>
                <svg t="1724999352938" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11574" width="20" height="20"><path d="M768 128a128 128 0 0 1 128 128v448a128 128 0 0 1-128 128H607.424L512 896l-94.528-64H256a128 128 0 0 1-128-128V256a128 128 0 0 1 128-128h512zM320 385.28a64 64 0 1 0 0 128 64 64 0 0 0 0-128z m192 0a64 64 0 1 0 0 128 64 64 0 0 0 0-128z m192 0a64 64 0 1 0 0 128 64 64 0 0 0 0-128z" fill="#FF8F49" p-id="11575"></path></svg>
              </div>
              <div style={{ display: "inline-block", marginLeft: "10px" }}>图文问诊</div>
            </div>
            <div>
              <Switch
                defaultChecked
                style={{
                  '--nutui-switch-open-background-color': 'blue',
                  '--nutui-switch-close-line-background-color': '#ebebeb',
                }}
              />
            </div>
          </div>
          <hr style={{ border: "1px solid #F2F2F2" }}></hr>
          <div onClick={() => { navigate("/price") }} style={{ margin: "0 auto", width: "90%", display: "flex", justifyContent: "space-between", marginTop: "20px" }}>
            <div>价格</div>
            <div>
              <ArrowSize8 />
            </div>
          </div>
          <hr style={{ border: "1px solid #F2F2F2" }}></hr>
          <div onClick={() => { navigate("/time") }} style={{ margin: "0 auto", width: "90%", display: "flex", justifyContent: "space-between", marginTop: "20px" }}>
            <div>接诊时间</div>
            <div>
              <ArrowSize8 />
            </div>
          </div>
          <hr style={{ border: "1px solid #F2F2F2" }}></hr>
          <div onClick={() => { navigate("/number") }} style={{ margin: "0 auto", width: "90%", display: "flex", justifyContent: "space-between", marginTop: "20px" }}>
            <div>接诊人数</div>
            <div>
              <ArrowSize8 />
            </div>
          </div>
          <hr style={{ border: "1px solid #F2F2F2" }}></hr>
          <div style={{ margin: "0 auto", width: "90%", display: "flex", justifyContent: "space-between", marginTop: "20px" }}>
            <div>
              <div>循环排班</div>
              <span style={{ marginTop: "10px", fontSize: "12px", color: "#999999" }}>开启后将按周自动生成排班</span>
            </div>
            <div>
              <Switch
                defaultChecked
                style={{
                  '--nutui-switch-open-background-color': 'blue',
                  '--nutui-switch-close-line-background-color': '#ebebeb',
                }}
              />
            </div>
          </div>
        </div>
        <div style={{ backgroundColor: "white", height: "270px", marginTop: "10px" }}>
          <div style={{ margin: "0 auto", width: "90%", display: "flex", justifyContent: "space-between", marginTop: "20px" }}>
            <div style={{ lineHeight: "50px", height: "40px" }}>
              <div style={{ display: "inline-block" }}>
                <svg t="1725000093947" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8398" width="20" height="20"><path d="M687.104 940.032c-30.208 0-52.224-4.096-60.928-6.144-38.912-2.048-91.136-27.648-128.512-49.664-53.248-30.72-112.64-73.728-166.4-120.832-61.44-53.248-115.2-111.616-156.672-168.448-49.152-67.584-80.896-133.632-93.696-196.096-19.968-97.792-9.216-174.08 32.256-226.816 48.64-62.464 120.832-66.048 123.904-66.56h2.048c3.072 0 31.232 1.024 65.024 13.824 46.592 17.92 81.408 50.176 100.352 93.696 14.848 33.792 16.384 65.024 4.608 96.256-9.728 25.6-26.112 46.08-42.496 66.048-14.336 17.408-27.648 34.304-34.816 52.224 0 1.536 0 9.728 11.776 29.696 9.728 16.896 25.6 37.376 45.056 58.88 35.328 39.424 83.456 81.92 127.488 113.664 54.272 38.912 84.48 48.64 94.208 48.128 53.248-2.048 116.736-51.2 135.168-66.048 13.824-11.264 31.232-16.896 49.152-15.872 71.68 4.608 120.32 28.16 144.384 69.12 14.848 25.088 18.944 56.832 12.8 90.624-4.608 24.064-12.8 40.96-13.824 43.008l-0.512 1.536-1.024 1.536c-59.904 94.208-142.336 125.44-200.192 134.656-17.92 2.56-34.816 3.584-49.152 3.584z m-49.152-66.048c1.536 0.512 40.96 9.728 91.136 1.536 65.024-10.752 117.248-46.08 154.624-104.96 6.144-13.824 16.896-49.664 2.048-74.752-16.384-27.648-60.416-36.352-94.72-38.912-2.56 0-4.608 0.512-6.656 2.048-34.816 28.672-103.936 77.312-171.52 80.384h-2.56c-44.544 0-108.544-42.496-154.624-78.336-59.904-46.592-115.712-102.4-148.992-148.992-31.744-44.032-41.984-78.848-31.744-105.984 10.752-27.136 28.672-49.664 44.544-69.632 31.232-38.4 46.592-59.904 29.696-98.816-12.8-28.672-34.816-49.152-66.56-60.928-20.992-8.192-38.4-9.728-43.008-9.728-7.68 0.512-49.664 6.144-77.824 43.52-29.184 38.4-35.84 97.28-19.968 176.128 20.48 100.864 104.448 221.184 229.888 331.264 51.2 44.544 106.496 84.992 156.672 113.664 52.224 30.208 87.04 40.96 102.4 41.472h3.584l3.584 1.024z" fill="#2E77ED" p-id="8399"></path><path d="M752.64 553.984h-3.072c-16.896-1.536-29.184-16.384-27.648-33.28 5.632-58.88-7.168-105.984-37.376-140.288-52.736-59.392-142.336-62.464-143.36-62.464-16.896-0.512-30.208-14.336-29.696-31.232 0.512-16.896 14.336-30.208 31.232-29.696 4.608 0 117.248 4.096 187.392 82.944 41.984 47.104 59.392 110.08 52.224 186.88-1.024 14.848-14.336 27.136-29.696 27.136z" fill="#FFBB12" p-id="8400"></path><path d="M913.92 511.488h-3.584c-16.896-2.048-28.672-17.408-26.624-34.304 11.776-95.744-7.68-172.544-57.344-227.84-95.744-106.496-273.408-104.448-274.944-104.448-16.896 0.512-30.72-13.312-31.232-30.208-0.512-16.896 13.312-30.72 30.208-31.232 2.048 0 52.224-1.024 116.736 13.824 37.888 8.704 73.216 20.992 104.448 36.352 39.936 19.456 73.728 44.544 100.864 74.752 62.464 69.12 87.04 162.304 72.704 276.48-2.56 15.36-15.872 26.624-31.232 26.624z" fill="#FFBB12" p-id="8401"></path></svg>
              </div>
              <div style={{ display: "inline-block", marginLeft: "10px" }}>电话问诊</div>
            </div>
            <div style={{ marginTop: "10px" }}>
              <Switch
                defaultChecked
                style={{
                  '--nutui-switch-open-background-color': 'blue',
                  '--nutui-switch-close-line-background-color': '#ebebeb',
                }}
              />
            </div>
          </div>
          <hr style={{ border: "1px solid #F2F2F2" }}></hr>
          <div onClick={() => { navigate("/price") }} style={{ margin: "0 auto", width: "90%", display: "flex", justifyContent: "space-between", marginTop: "20px" }}>
            <div>价格</div>
            <div>
              <ArrowSize8 />
            </div>
          </div>
          <hr style={{ border: "1px solid #F2F2F2" }}></hr>
          <div onClick={() => { navigate("/time") }} style={{ margin: "0 auto", width: "90%", display: "flex", justifyContent: "space-between", marginTop: "20px" }}>
            <div>接诊时间</div>
            <div>
              <ArrowSize8 />
            </div>
          </div>
          <hr style={{ border: "1px solid #F2F2F2" }}></hr>
          <div onClick={() => { navigate("/number") }} style={{ margin: "0 auto", width: "90%", display: "flex", justifyContent: "space-between", marginTop: "20px" }}>
            <div>接诊人数</div>
            <div>
              <ArrowSize8 />
            </div>
          </div>
          <hr style={{ border: "1px solid #F2F2F2" }}></hr>
          <div style={{ margin: "0 auto", width: "90%", display: "flex", justifyContent: "space-between", marginTop: "20px" }}>
            <div>
              <div>循环排班</div>
              <span style={{ marginTop: "10px", fontSize: "12px", color: "#999999" }}>开启后将按周自动生成排班</span>
            </div>
            <div>
              <Switch
                defaultChecked
                style={{
                  '--nutui-switch-open-background-color': 'blue',
                  '--nutui-switch-close-line-background-color': '#ebebeb',
                }}
              />
            </div>
          </div>
        </div>
        <div style={{ backgroundColor: "white", height: "270px", marginTop: "10px" }}>
          <div style={{ margin: "0 auto", width: "90%", display: "flex", justifyContent: "space-between", marginTop: "20px" }}>
            <div style={{ lineHeight: "50px", height: "40px" }}>
              <div style={{ display: "inline-block" }}>
                <svg t="1725001114837" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13356" id="mx_n_1725001114839" width="20" height="20"><path d="M960.43008 332.778496l-133.021696 45.024256L827.408384 260.871168c0-23.40352-18.967552-42.376192-42.372096-42.376192l-114.55488 0L253.991936 218.494976 73.79968 218.494976c-23.40352 0-42.376192 18.971648-42.376192 42.376192l0 349.394944 0 132.69504-0.556032 24.56064c0 23.399424 18.971648 42.376192 42.376192 42.376192L555.39712 809.897984l229.640192 0c23.40352 0 42.372096-18.975744 42.372096-42.376192l0-14.076928 0-66.9952 133.021696 45.02016c23.40352 0 42.376192-18.971648 42.376192-42.372096L1002.807296 375.154688C1002.805248 351.751168 983.8336 332.778496 960.43008 332.778496zM563.525632 531.45088 403.787776 651.986944c-3.692544 2.772992-8.1408 4.202496-12.58496 4.202496-3.182592 0-6.366208-0.735232-9.32352-2.2016-7.07584-3.509248-11.561984-10.77248-11.561984-18.683904L370.317312 401.570816c0-7.790592 4.365312-14.97088 11.298816-18.558976 6.892544-3.550208 15.276032-2.977792 21.6576 1.508352L563.01568 497.717248c5.44256 3.871744 8.70912 10.075136 8.809472 16.720896C571.925504 521.12896 568.84736 527.4112 563.525632 531.45088z" fill="#9f1a1a" p-id="13357"></path></svg>              </div>
              <div style={{ display: "inline-block", marginLeft: "10px" }}>视频问诊</div>
            </div>
            <div style={{ marginTop: "10px" }}>
              <Switch
                defaultChecked
                style={{
                  '--nutui-switch-open-background-color': 'blue',
                  '--nutui-switch-close-line-background-color': '#ebebeb',
                }}
              />
            </div>
          </div>
          <hr style={{ border: "1px solid #F2F2F2" }}></hr>
          <div onClick={() => { navigate("/price") }} style={{ margin: "0 auto", width: "90%", display: "flex", justifyContent: "space-between", marginTop: "20px" }}>
            <div>价格</div>
            <div>
              <ArrowSize8 />
            </div>
          </div>
          <hr style={{ border: "1px solid #F2F2F2" }}></hr>
          <div onClick={() => { navigate("/time") }} style={{ margin: "0 auto", width: "90%", display: "flex", justifyContent: "space-between", marginTop: "20px" }}>
            <div>接诊时间</div>
            <div>
              <ArrowSize8 />
            </div>
          </div>
          <hr style={{ border: "1px solid #F2F2F2" }}></hr>
          <div onClick={() => { navigate("/number") }} style={{ margin: "0 auto", width: "90%", display: "flex", justifyContent: "space-between", marginTop: "20px" }}>
            <div>接诊人数</div>
            <div>
              <ArrowSize8 />
            </div>
          </div>
          <hr style={{ border: "1px solid #F2F2F2" }}></hr>
          <div style={{ margin: "0 auto", width: "90%", display: "flex", justifyContent: "space-between", marginTop: "20px" }}>
            <div>
              <div>循环排班</div>
              <span style={{ marginTop: "10px", fontSize: "12px", color: "#999999" }}>开启后将按周自动生成排班</span>
            </div>
            <div>
              <Switch
                defaultChecked
                style={{
                  '--nutui-switch-open-background-color': 'blue',
                  '--nutui-switch-close-line-background-color': '#ebebeb',
                }}
              />
            </div>
          </div>
        </div>
        <div style={{ backgroundColor: "white", height: "170px", marginTop: "10px" }}>
          <div style={{ margin: "0 auto", width: "90%", display: "flex", justifyContent: "space-between", marginTop: "20px" }}>
            <div style={{ lineHeight: "50px", height: "40px" }}>
              <div style={{ display: "inline-block" }}>
                <svg t="1725001230254" className="icon" viewBox="0 0 1137 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="16956" width="20" height="20"><path d="M542.499271 764.928L650.986382 341.333333l90.680889 319.715556a23.950222 23.950222 0 0 0 20.081778 18.033778 23.210667 23.210667 0 0 0 23.096889-13.198223l76.231111-152.007111H1080.895716c-7.054222 9.159111-14.563556 17.976889-22.641778 26.225778l-447.544889 465.863111A57.856 57.856 0 0 1 568.895716 1024c-15.644444 0-30.890667-6.599111-41.870223-18.033778l-210.944-219.591111-236.657777-246.328889A293.148444 293.148444 0 0 1 56.895716 513.877333h294.855111a23.779556 23.779556 0 0 0 22.243555-16.782222l23.552-72.021333 99.84 340.764444a23.893333 23.893333 0 0 0 22.414222 17.863111h0.455112a24.177778 24.177778 0 0 0 22.186666-18.773333zM616.113493 92.216889C676.70016 29.240889 742.975716 0 824.781938 0c83.740444 0 162.474667 34.019556 221.582222 95.800889A330.24 330.24 0 0 1 1137.784604 325.859556c0 54.556444-12.856889 107.064889-36.977777 153.884444h-260.437334a22.584889 22.584889 0 0 0-20.138666 13.084444l-55.011556 110.421334-95.459555-340.707556a25.372444 25.372444 0 0 0-22.186667-17.692444 23.438222 23.438222 0 0 0-21.845333 18.432L519.573049 682.666667 424.739271 355.783111a23.495111 23.495111 0 0 0-23.096889-17.294222 24.746667 24.746667 0 0 0-20.366222 16.497778L340.771271 479.800889H36.984604A336.099556 336.099556 0 0 1 0.006827 325.859556a329.955556 329.955556 0 0 1 91.363555-230.001778C150.648604 34.076444 229.269049 0 313.009493 0c80.042667 0 146.432 30.321778 208.952889 95.345778l47.331556 58.424889 13.425778-17.635556 33.393777-43.975111z" fill="#d81e06" p-id="16957"></path></svg>              </div>
              <div style={{ display: "inline-block", marginLeft: "10px" }}>极速问诊</div>
            </div>
            <div style={{ marginTop: "10px" }}>
              <Switch
                defaultChecked
                style={{
                  '--nutui-switch-open-background-color': 'blue',
                  '--nutui-switch-close-line-background-color': '#ebebeb',
                }}
              />
            </div>
          </div>
          <hr style={{ border: "1px solid #F2F2F2" }}></hr>
          <div onClick={() => { navigate("/time") }} style={{ margin: "0 auto", width: "90%", display: "flex", justifyContent: "space-between", marginTop: "20px" }}>
            <div>接诊时间</div>
            <div>
              <ArrowSize8 />
            </div>
          </div>
          <hr style={{ border: "1px solid #F2F2F2" }}></hr>
          <div style={{ margin: "0 auto", width: "90%", display: "flex", justifyContent: "space-between", marginTop: "20px" }}>
            <div>
              <div>循环排班</div>
              <span style={{ marginTop: "10px", fontSize: "12px", color: "#999999" }}>开启后将按周自动生成排班</span>
            </div>
            <div>
              <Switch
                defaultChecked
                style={{
                  '--nutui-switch-open-background-color': 'blue',
                  '--nutui-switch-close-line-background-color': '#ebebeb',
                }}
              />
            </div>
          </div>
        </div>
        <div style={{ backgroundColor: "white", height: "270px", marginTop: "10px" }}>
          <div style={{ margin: "0 auto", width: "90%", display: "flex", justifyContent: "space-between", marginTop: "20px" }}>
            <div style={{ lineHeight: "50px", height: "40px" }}>
              <div style={{ display: "inline-block" }}>
                <svg t="1725001312089" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="20257" width="20" height="20"><path d="M335.5 472.7H173.1v315.8h162.4V472.7zM128 839.6h769.7v48.1H128v-48.1z m724.7-366.9H690.3v315.8c86.1 0 76.2-0.1 162.3-0.1l0.1-315.7zM365.5 184v604.5h294.7V184.1l-294.7-0.1z m324.8 0.1v240.5h207.4v48.1h-15.1l0.1 315.7h15v33l-769.7 0.1v-33h15.1l-0.1-315.8h-15v-48.1h207.4V184.1l-15-0.1v-48.1h384.8V184l-14.9 0.1z" fill="#a209f7" p-id="20258"></path><path d="M786.5 668.2h36.1v87.2h-36.1v-87.2z m-66.1 0h36.1v87.2h-36.1v-87.2z m-451.1 0h36.1v87.2h-36.1v-87.2z m-66.1 0h36.1v87.2h-36.1v-87.2z m66.1-156.5h36.1V632h-36.1V511.7z m-66.1 0h36.1V632h-36.1V511.7z m583.3 0h36.1V632h-36.1V511.7z m-66.1 0h36.1V632h-36.1V511.7zM576 668.2h42.1v87.2H576v-87.2z m0-156.5h42.1V632H576V511.7zM407.6 668.2h42.1v87.2h-42.1v-87.2z m0-156.5h42.1V632h-42.1V511.7z m84.2 156.5h42.1v87.2h-42.1v-87.2z m0-156.5h42.1V632h-42.1V511.7zM479.8 226h66.1v72.2h72.2v69.2h-72.2v69.1h-66.1v-69.1h-72.2v-69.2h72.2z" fill="#a209f7" p-id="20259"></path></svg>              </div>
              <div style={{ display: "inline-block", marginLeft: "10px" }}>挂号</div>
            </div>
            <div style={{ marginTop: "10px" }}>
              <Switch
                defaultChecked
                style={{
                  '--nutui-switch-open-background-color': 'blue',
                  '--nutui-switch-close-line-background-color': '#ebebeb',
                }}
              />
            </div>
          </div>
          <hr style={{ border: "1px solid #F2F2F2" }}></hr>
          <div onClick={() => { navigate("/price") }} style={{ margin: "0 auto", width: "90%", display: "flex", justifyContent: "space-between", marginTop: "20px" }}>
            <div>价格</div>
            <div>
              <ArrowSize8 />
            </div>
          </div>
          <hr style={{ border: "1px solid #F2F2F2" }}></hr>
          <div style={{ margin: "0 auto", width: "90%", display: "flex", justifyContent: "space-between", marginTop: "20px" }}>
            <div>出诊排班</div>
            <div>
              <ArrowSize8 />
            </div>
          </div>
          <hr style={{ border: "1px solid #F2F2F2" }}></hr>
          <div onClick={() => { navigate("/number") }} style={{ margin: "0 auto", width: "90%", display: "flex", justifyContent: "space-between", marginTop: "20px" }}>
            <div>预约人数</div>
            <div>
              <ArrowSize8 />
            </div>
          </div>
          <hr style={{ border: "1px solid #F2F2F2" }}></hr>
          <div style={{ margin: "0 auto", width: "90%", display: "flex", justifyContent: "space-between", marginTop: "20px" }}>
            <div>
              <div>循环排班</div>
              <span style={{ marginTop: "10px", fontSize: "12px", color: "#999999" }}>开启后将按周自动生成排班</span>
            </div>
            <div>
              <Switch
                defaultChecked
                style={{
                  '--nutui-switch-open-background-color': 'blue',
                  '--nutui-switch-close-line-background-color': '#ebebeb',
                }}
              />
            </div>
          </div>
        </div>
        <div style={{ backgroundColor: "white", height: "270px", marginTop: "10px" }}>
          <div style={{ margin: "0 auto", width: "90%", display: "flex", justifyContent: "space-between", marginTop: "20px" }}>
            <div style={{ lineHeight: "50px", height: "40px" }}>
              <div style={{ display: "inline-block" }}>
                <svg t="1725001390177" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="22765" width="20" height="20"><path d="M977.92 543.744l0 265.216q0 139.264-185.344 139.264l-583.68 0q-45.056 0-76.288-11.264t-51.2-31.744-28.672-48.64-8.704-61.952l0-250.88 933.888 0zM506.88 584.704q-11.264 2.048-20.48 6.144-8.192 4.096-14.336 12.8t-6.144 24.064l0 54.272-60.416 0q-14.336 0-27.136 10.24t-12.8 29.696q-1.024 18.432 12.288 29.184t27.648 10.752l60.416 0 0 59.392q0 9.216 9.728 23.552t30.208 14.336 30.208-14.336 9.728-25.6l0-57.344 62.464 0q11.264 0 24.576-9.728t13.312-30.208q0-19.456-12.288-29.696t-27.648-10.24l-60.416 0 0-58.368q0-11.264-9.728-25.088t-29.184-13.824zM355.328 269.312q-2.048-21.504 2.048-44.032 3.072-19.456 11.776-41.472t28.16-42.496q15.36-16.384 39.936-28.16t52.224-15.36 57.344 2.048 56.32 23.04q26.624 18.432 39.424 43.008t17.92 48.128q6.144 26.624 5.12 55.296l-56.32 0q1.024-13.312-1.024-26.624-2.048-11.264-6.144-24.576t-12.288-24.576q-9.216-12.288-20.992-18.944t-23.04-10.24-21.504-4.608-14.336-1.024q-9.216-1.024-27.648 2.56t-41.984 22.016q-11.264 9.216-17.408 23.552t-8.192 28.672q-3.072 16.384-2.048 33.792l-57.344 0zM190.464 492.544l-148.48 0 0-22.528 0-23.552q0-13.312 1.024-27.648 0-14.336 5.632-32.256t19.456-33.28 35.328-26.112 54.272-10.752l76.8 0 128 0 151.552 0 149.504 0 122.88 0 69.632 0q25.6 0 47.104 8.192t37.888 22.528 25.6 33.28 9.216 40.448l0 70.656-150.528 0 0-32.768q0-11.264-10.24-22.016t-24.576-10.752-27.136 8.192-12.8 24.576l0 33.792-485.376 0 0-32.768q-1.024-13.312-12.288-23.552t-25.6-10.24-26.112 11.264-11.776 25.6l0 21.504q0 4.096 1.024 8.192z" fill="#271830" p-id="22766"></path></svg>              </div>
              <div style={{ display: "inline-block", marginLeft: "10px" }}>开药</div>
            </div>
            <div style={{ marginTop: "10px" }}>
              <Switch
                defaultChecked
                style={{
                  '--nutui-switch-open-background-color': 'blue',
                  '--nutui-switch-close-line-background-color': '#ebebeb',
                }}
              />
            </div>
          </div>
          <hr style={{ border: "1px solid #F2F2F2" }}></hr>
          <div onClick={() => { navigate("/price") }} style={{ margin: "0 auto", width: "90%", display: "flex", justifyContent: "space-between", marginTop: "20px" }}>
            <div>价格</div>
            <div>
              <ArrowSize8 />
            </div>
          </div>
          <hr style={{ border: "1px solid #F2F2F2" }}></hr>
          <div onClick={() => { navigate("/time") }} style={{ margin: "0 auto", width: "90%", display: "flex", justifyContent: "space-between", marginTop: "20px" }}>
            <div>接诊时间</div>
            <div>
              <ArrowSize8 />
            </div>
          </div>
          <hr style={{ border: "1px solid #F2F2F2" }}></hr>
          <div onClick={() => { navigate("/number") }} style={{ margin: "0 auto", width: "90%", display: "flex", justifyContent: "space-between", marginTop: "20px" }}>
            <div>预约人数</div>
            <div>
              <ArrowSize8 />
            </div>
          </div>
          <hr style={{ border: "1px solid #F2F2F2" }}></hr>
          <div style={{ margin: "0 auto", width: "90%", display: "flex", justifyContent: "space-between", marginTop: "20px" }}>
            <div>
              <div>循环排班</div>
              <span style={{ marginTop: "10px", fontSize: "12px", color: "#999999" }}>开启后将按周自动生成排班</span>
            </div>
            <div>
              <Switch
                defaultChecked
                style={{
                  '--nutui-switch-open-background-color': 'blue',
                  '--nutui-switch-close-line-background-color': '#ebebeb',
                }}
              />
            </div>
          </div>
        </div>
        <div style={{ backgroundColor: "white", height: "220px", marginTop: "10px" }}>
          <div style={{ margin: "0 auto", width: "90%", display: "flex", justifyContent: "space-between", marginTop: "20px" }}>
            <div style={{ lineHeight: "50px", height: "40px" }}>
              <div style={{ display: "inline-block" }}>
                <svg t="1725001478262" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="27082" width="20" height="20"><path d="M14.2 5.5c0.6 0 1 0.5 1 1v7.7c0 0.6-0.4 1-1 1H1.8c-0.6 0-1-0.5-1-1V6.5c0-0.6 0.4-1 1-1h12.4m0-0.5H1.8C1 5 0.3 5.7 0.3 6.5v7.7c0 0.8 0.7 1.5 1.5 1.5h12.3c0.8 0 1.5-0.7 1.5-1.5V6.5c0.1-0.8-0.6-1.5-1.4-1.5z" fill="#f46b29" p-id="27083"></path><path d="M6.5 10.1h3v0.5h-3z" fill="#f46b29" p-id="27084"></path><path d="M7.7 8.8h0.5v3h-0.5zM9.2 3.1c0.3 0 0.5 0.2 0.5 0.5V5H6.2V3.6c0-0.3 0.2-0.5 0.5-0.5h2.5m0-0.5H6.7c-0.6 0-1 0.4-1 1v1.9h4.5V3.6c0-0.5-0.4-1-1-1z" fill="#f46b29" p-id="27085"></path><path d="M207.1 100m-36 0a36 36 0 1 0 72 0 36 36 0 1 0-72 0Z" fill="#f46b29" p-id="27086"></path><path d="M441.6 100m-36 0a36 36 0 1 0 72 0 36 36 0 1 0-72 0Z" fill="#f46b29" p-id="27087"></path><path d="M471.8 959.6h-29.9c-72.7 0-131.9-59.2-131.9-131.9l-0.4-257.3H339l0.4 257.3c0 56.6 46 102.6 102.6 102.6h29.9c27.5 0 53.2-10.7 72.6-30.1 19.4-19.4 30-45.2 30-72.6l-0.5-236.5c-0.1-35.2 13.6-68.4 38.5-93.3 25-25 58.1-38.7 93.4-38.7h67.9c72.7 0 131.9 59.2 131.9 131.9v176.4h-29.3V591c0-56.6-46-102.6-102.6-102.6h-67.9c-27.4 0-53.2 10.7-72.6 30.1-19.4 19.4-30.1 45.2-30 72.6l0.3 236.4c0.1 35.2-13.6 68.4-38.5 93.4s-58 38.7-93.3 38.7z" fill="#f46b29" p-id="27088"></path><path d="M890.3 785.4c16.2 0 29.3 13.1 29.3 29.3 0 16.2-13.1 29.3-29.3 29.3-16.2 0-29.3-13.1-29.3-29.3 0-16.1 13.2-29.3 29.3-29.3m0-29.3c-32.4 0-58.6 26.2-58.6 58.6 0 32.4 26.2 58.6 58.6 58.6 32.4 0 58.6-26.2 58.6-58.6 0.1-32.3-26.2-58.6-58.6-58.6zM324.4 585.1c-70.1 0-214.4-56.6-219.8-130.8-2-27.9-8.2-70.4-14.1-111.6-6.5-45.2-13.3-91.9-15.2-123.1-2.1-33.4 9.8-65.7 33.4-90.9 25.1-26.7 60.5-42 97.1-42V116c-28.6 0-56.2 11.9-75.7 32.7-18 19.2-27.1 43.7-25.5 69 1.9 29.9 8.5 76.1 15 120.7 6.3 43.6 12.2 84.7 14.3 113.7 3.6 50.4 126.5 103.6 190.5 103.6s186.9-53.3 190.5-103.6c2.1-29 8.1-70.1 14.3-113.7 6.4-44.6 13.1-90.7 15-120.7 1.5-24.8-7.5-49.1-25.5-68.2-20-21.2-48.1-33.4-77.1-33.4V86.9c37.1 0 73 15.5 98.5 42.7 23.6 25.1 35.4 57.1 33.4 90.1-1.9 31.1-8.7 77.8-15.2 123.1-6 41.1-12.1 83.7-14.1 111.6-5.4 74.2-149.7 130.7-219.8 130.7z" fill="#f46b29" p-id="27089"></path></svg>              </div>
              <div style={{ display: "inline-block", marginLeft: "10px" }}>免费义诊</div>
            </div>
            <div style={{ marginTop: "10px" }}>
              <Switch
                defaultChecked
                style={{
                  '--nutui-switch-open-background-color': 'blue',
                  '--nutui-switch-close-line-background-color': '#ebebeb',
                }}
              />
            </div>
          </div>
          <hr style={{ border: "1px solid #F2F2F2" }}></hr>
          <div onClick={() => { navigate("/time") }} style={{ margin: "0 auto", width: "90%", display: "flex", justifyContent: "space-between", marginTop: "20px" }}>
            <div>接诊时间</div>
            <div>
              <ArrowSize8 />
            </div>
          </div>
          <hr style={{ border: "1px solid #F2F2F2" }}></hr>
          <div onClick={() => { navigate("/number") }} style={{ margin: "0 auto", width: "90%", display: "flex", justifyContent: "space-between", marginTop: "20px" }}>
            <div>预约人数</div>
            <div>
              <ArrowSize8 />
            </div>
          </div>
          <hr style={{ border: "1px solid #F2F2F2" }}></hr>
          <div style={{ margin: "0 auto", width: "90%", display: "flex", justifyContent: "space-between", marginTop: "20px" }}>
            <div>
              <div>循环排班</div>
              <span style={{ marginTop: "10px", fontSize: "12px", color: "#999999" }}>开启后将按周自动生成排班</span>
            </div>
            <div>
              <Switch
                defaultChecked
                style={{
                  '--nutui-switch-open-background-color': 'blue',
                  '--nutui-switch-close-line-background-color': '#ebebeb',
                }}
              />
            </div>
          </div>
        </div>
      </div>
    </div>
  )
}
